<!DOCTYPE html>
<html>

<head>
    <style>
        html,
        body {
            margin: 0;
            background-color: black;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        #glcanvas {
            top: 0;
            width: 100%;
            height: 100%;
        }
    </style>
    <script src="lib/three.js" defer></script>
    <script src="lib/OrbitControls.js" defer></script>
    <script type="text/javascript" src="lib/MTLLoader.js" defer></script>
    <script type="text/javascript" src="lib/OBJLoader.js" defer></script>
    <script type="text/javascript" src="lib/dat.gui.js" defer></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.8.1/gl-matrix-min.js"
        integrity="sha512-zhHQR0/H5SEBL3Wn6yYSaTTZej12z0hVZKOv3TwCUXT1z5qeqGcXJLLrbERYRScEDDpYIJhPC1fk31gqR783iQ=="
        crossorigin="anonymous" defer> </script>

    <script src="src/shaders/InternalShader.js" defer></script>
    <script src="src/shaders/Shader.js" defer></script>
    <script src="src/materials/Material.js" defer></script>
    <script src="src/textures/Texture.js" defer></script>

    <script src="src/objects/Mesh.js" defer></script>
    <script src="src/loads/loadOBJ.js" defer></script>
    <script src="src/loads/loadShader.js" defer></script>

    <script src="src/lights/Light.js" defer></script>
    <script src="src/lights/PointLight.js" defer></script>

    <script src="src/renderers/WebGLRenderer.js" defer></script>
    <script src="src/renderers/MeshRender.js" defer></script>
    <script src="src/engine.js" defer></script>
</head>

<body>
    <canvas id="glcanvas"></canvas>

</body>

</html>